<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>.::ATUS::. Atención al Usuario</title>
                <link rel="shortcut icon" href="favicon.ico"/>
            </f:facet>
        </h:head>
        <h:body>
            <div>
                <h:graphicImage url="/atus/images/Banner.jpg" width="100%" height="100%" alt="LogoAtus"  style="vertical-align: top;"/> 
            </div>

            <p:panel>
                <p:panelGrid> 
                    <p:row>
                        <p:column style="vertical-align: top;">   
                            <h:form>
                                <p:menu>
                                    <p:submenu label="Menú">                                
                                        <p:menuitem value="Inicio" url="/faces/atus/indexCoordinadorAdmin.xhtml" />  
                                        <p:menuitem value="Consultas" url="/faces/atus/consultasTurnosAdmin.xhtml" />
                                        <p:menuitem value="Reportes" url="/faces/atus/gestionReportesAdmin.xhtml" />
                                        <p:menuitem value="Funcionarios" url="/faces/atus/gestionFuncionariosAdmin.xhtml" />
                                        <p:menuitem value="Coordinador" url="/faces/atus/gestionFuncionarioAdmin.xhtml" />                                
                                        <p:menuitem value="Cambio Contraseña" url="/faces/atus/CambiaPasswordCoord.xhtml" />
                                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuariosAtusVista.cerrarSesion_action}" />
                                    </p:submenu>                    
                                </p:menu>
                            </h:form>
                        </p:column>
                        <p:column>               
                            <h:form id="formulario"> 
                                <p:panel id="panel" header="Consulta de Turnos">
                                    <p:messages id="mensajes" showDetail="true" closable="true" />
                                    <f:facet name="actions">
                                        <p:commandLink onclick="PF('helpDialog').show();" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></p:commandLink>
                                    </f:facet>
                                    <p:commandButton id="btnRefrescar" value="Refrescar" icon="ui-icon-refresh"  binding="#{consultasTurnosVistaAdmin.btnRefrescar}" action="#{consultasTurnosVistaAdmin.refrescar_action}"  update=":formulario:listaTurnos" />
                                    <p:tooltip id="toolTipRefrescar" for="btnRefrescar" value="Pulse Refrescar para Actualizar la Tabla" />
                                    <br /><br />
                                    <h:outputText value="Si Desea Buscar un Turno, Digite el Dato en el Filtro Respectivo" />
                                    <p:dataTable id="listaTurnos" var="turnos" value="#{consultasTurnosVistaAdmin.listaTurnos}" filteredValue="#{consultasTurnosVistaAdmin.listaTurnos}"
                                                 paginator="true" rows="10" emptyMessage="No Existen Turnos!" >

                                        <p:column style="width:32px;text-align: center" exportable="false">
                                            <p:commandButton update=":formDialog:turnoDetalle" oncomplete="PF('turnoDialog').show()" icon="ui-icon-search" title="View">
                                                <f:setPropertyActionListener value="#{turnos}" target="#{consultasTurnosVistaAdmin.selectedTurno}" />
                                            </p:commandButton>
                                        </p:column>

                                        <p:column sortBy="#{turnos.numero}" filterBy="#{turnos.numero}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="N° Turno" />                            
                                            </f:facet>
                                            <h:outputText  value="#{turnos.numero}" />                          
                                        </p:column>

                                        <p:column sortBy="#{turnos.area.nombre}">
                                            <f:facet name="header">
                                                <h:outputText  value="Area:" />                            
                                            </f:facet>
                                            <h:outputText  value="#{turnos.area.nombre}" />                          
                                        </p:column> 

                                        <p:column sortBy="#{turnos.fecha}" filterBy="#{turnos.fecha}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="Fecha:" />                            
                                            </f:facet>
                                            <h:outputText  value="#{turnos.fecha}" />                          
                                        </p:column> 

                                        <p:column sortBy="#{turnos.horaIngreso}">
                                            <f:facet name="header">
                                                <h:outputText  value="Hora Ingreso:" />                            
                                            </f:facet>
                                            <h:outputText  value="#{turnos.horaIngreso}" />                          
                                        </p:column>

                                        <p:column sortBy="#{turnos.documentoCliente.documento.documento}" filterBy="#{turnos.documentoCliente.documento.documento}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="Documento Cliente" />                            
                                            </f:facet>
                                            <h:outputText  value="#{turnos.documentoCliente.documento.documento}" />                          
                                        </p:column>                                                          

                                        <p:column sortBy="#{turnos.estado}" filterBy="#{turnos.estado}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="Estado" />                            
                                            </f:facet>
                                            <h:outputText  value="#{turnos.estado}" />                          
                                        </p:column>
                                    </p:dataTable>                                
                                </p:panel> 

                                <!--Panel Exportar -->
                                <p:panel header="Exportar">   
                                    <h:commandLink>
                                        <!--PDF-->
                                        <h:outputText value="PDF" />
                                        <p:dataExporter type="pdf" fileName="ListadoTurnos" target="listaTurnos"/>
                                    </h:commandLink>

                                    <h:outputText value=" | " />

                                    <h:commandLink>
                                        <!--EXCEL-->
                                        <h:outputText value="XLS" />
                                        <p:dataExporter type="xls" fileName="ListadoTurnos" target="listaTurnos"/>
                                    </h:commandLink>                            
                                </p:panel>
                            </h:form>
                            <!-- dialogo de detalle del turno -->
                            <h:form id="formDialog">
                                <p:dialog header="Info Turno" widgetVar="turnoDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
                                    <p:outputPanel id="turnoDetalle" style="text-align:justify;" >
                                        <p:panelGrid  columns="2" >
                                            <h:outputText value="Area:" style="font-weight: bold;" />
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.area.nombre}" />
                                            <h:outputText value="N° Turno:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.numero}" />
                                            <h:outputText value="Estado:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.estado}" />
                                            <h:outputText value="Documento Cliente:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.documentoCliente.documento.documento}" />
                                            <h:outputText value="Nombre Cliente:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.documentoCliente.documento.nombre} #{consultasTurnosVistaAdmin.selectedTurno.documentoCliente.documento.apellido}" />
                                            <h:outputText value="Fecha:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.fecha}" />
                                            <h:outputText value="Hora Ingreso:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.horaIngreso}" />
                                            <h:outputText value="Hora Salida:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.horaSalida}" />
                                            <h:outputText value="Motivo:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.motivo}" />
                                            <h:outputText value="Observaciones:" style="font-weight: bold;"/>
                                            <h:outputText value="#{consultasTurnosVistaAdmin.selectedTurno.observaciones}" />
                                        </p:panelGrid>
                                    </p:outputPanel>
                                </p:dialog>

                                <!-- dialogo de ayuda -->
                                <p:dialog id="modalDialog" header="Ayuda" widgetVar="helpDialog" showEffect="fade" hideEffect="explode" modal="true" dynamic="true">  
                                    <p align="justify">                       
                                        En esta página usted podrá:<br/><br/>
                                        <b>-Consultar el Histórico de Turnos:</b>
                                        Cuando inicia esta página aparecen todos los turnos de todas las dependencias. Como Coordinador Administrativo usted puede ver turnos de los días pasados sin importar su estado,
                                        además podrá filtrar los resultados por número de turno, fecha, documento del cliente y estado. Dado que mientras usted tiene esta página activa algunos turnos pueden estar cambiando
                                        su estado desde las demás dependencias use el botón Refrescar para asi actualizar la tabla de turnos.
                                        <br/><br/>
                                        <b>-Ver Detalle de un Turno:</b>
                                        Para ver la información completa de un turno simplemente de clic en el 'icono de lupa' de este, verá un diálogo emergente con dicha información.
                                        <br/><br/>
                                        <b>-Exportar a PDF y Excel Listado de Turnos:</b>
                                        Esta opción le permite exportar en un archivo de PDF o Excel todos los turnos que se encuentren en la tabla de resultados en ese momento.
                                        <br/><br/>
                                        <u>Nota:</u> La opción de Exportar puede tardarse dependiendo de la cantidad de turnos que se encuentren en la tabla de resultados. Por favor, espere a que el sistema termine dicha
                                        labor antes de continuar.
                                    </p>
                                </p:dialog>
                            </h:form> 
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel> 
            <div>
                <h:graphicImage url="/atus/images/Pie.jpg" width="100%" height="100%" alt="LogoAtus"  style="vertical-align: bottom;"/>
            </div>
        </h:body>

    </f:view>
</html>
